<style type="text/css">
	thead th td{
		font-size: 18px;
	}
</style>
<section class="content">

	<div class="row">
		<!-- left column -->
		<div class="col-md-12">
          <div class="box box-primary box-solid">
            <div class="box-header">
              <h3 class="box-title">我的订单</h3>
            </div>
            <div class="box-body">

				<table id="example2" class="table table-bordered table-hover">
					<thead>
						<tr>
							<th><b>订单号</b></th>
							<th><b>参保人</b></th>
							<th><b>订单生成时间</b></th>
							<th><b>订单金额</b></th>
							<th><b>订单详情</b></th>
							<th><b>操作</b></th>
						</tr>
					</thead>
					<tbody style="border-top:1px">
						<tr>
							<td style="color: red;" colspan="6"><b>未支付订单:</b></td>
						</tr>
					</tbody>
					<tbody ng-repeat="d in data">
						<tr ng-if="d.AAE100 == '1' && d.AAE016 == '0' ">
							<td align="center">{{d.AAZ288}}</td>
							<td align="center">{{d.AAC003}}</td>
							<td align="center">{{d.AAE036}}</td>
							<td align="center">{{d.AAE022}}元</td>
							<td align="center">
								<ul ng-repeat="b in d.items" >
									<li>{{b.AAE003}}&nbsp;&nbsp;&nbsp;&nbsp;
										{{b.AAE003 == date ? "正常缴费" : "中断或延迟年限补缴"}}
										&nbsp;&nbsp;&nbsp;&nbsp;{{b.AAE022}}元
									</li>
								</ul>
								&nbsp;&nbsp;&nbsp;&nbsp;<b>划入账号金额:</b>{{d.AAE023}}元
							</td>
							<td align="center">
								<button type="button" class="btn btn-primary" ng-click="remove(d)">
									<i class="fa fa-close"></i>取消订单
								</button>
								<button type="button" class="btn btn-primary" ng-click="pay(d)" 
									style="margin-left: 50px;">
									<i class="fa fa-check"></i>支付订单
								</button>								
							</td>
						</tr>
					</tbody>
					
					<tbody style="border-top:1px">
						<tr>
							<td style="color: red;" colspan="6"><b>已支付订单:</b></td>
						</tr>
					</tbody>
					<tbody ng-repeat="d in data" style="border-top: 0px;">
						<tr ng-if="d.AAE016 == '1'">
							<td align="center">{{d.AAZ288}}</td>
							<td align="center">{{d.AAC003}}</td>
							<td align="center">{{d.AAE036}}</td>
							<td align="center">{{d.AAE022}}元</td>
							<td align="center">
								<ul ng-repeat="b in d.items" >
									<li>{{b.AAE003}}&nbsp;&nbsp;&nbsp;&nbsp;
										{{b.AAE003 == date ? "正常缴费" : "中断或延迟年限补缴"}}
										&nbsp;&nbsp;&nbsp;&nbsp;{{b.AAE022}}元
									</li>
								</ul>
								&nbsp;&nbsp;&nbsp;&nbsp;<b>划入账号金额:{{d.AAE023}}元
							</td>
							<td align="center">
								订单已支付
							</td>
						</tr>
					</tbody>

					<tbody style="border-top: 1px">
						<tr>
							<td style="color: red;" colspan="6"><b>已失效订单:</b></td>
						</tr>
					</tbody>
					<tbody ng-repeat="d in data" style="border-top: 0px;">
						<tr ng-if="d.AAE016 == '2' || (d.AAE016 == '0' && d.AAE100 == '0')">
							<td align="center">{{d.AAZ288}}</td>
							<td align="center">{{d.AAC003}}</td>
							<td align="center">{{d.AAE036}}</td>
							<td align="center">{{d.AAE022}}元</td>
							<td align="center">
								<ul ng-repeat="b in d.items" >
									<li>{{b.AAE003}}&nbsp;&nbsp;&nbsp;&nbsp;
										{{b.AAE003 == date ? "正常缴费" : "中断或延迟年限补缴"}}
										&nbsp;&nbsp;&nbsp;&nbsp;{{b.AAE022}}元
									</li>
								</ul>
								&nbsp;&nbsp;&nbsp;&nbsp;<b>划入账号金额:</b>{{d.AAE023}}元
							</td>
							<td align="center">
								订单已失效
							</td>
						</tr>
					</tbody>
				</table>
				
            </div>
			<div class="box-footer" align="center">
				<button type="button" class="btn btn-primary" id="upPage" value="{{PAGE}}" style="margin-right: 200px;">上一页</button>
				
				<button type="button" class="btn btn-primary" id="downPage" value="{{PAGE}}">下一页</button>
			</div>
            <!-- /.box-body -->
			<div class="overlay" id="shade" style="display: none;" align="center">
        		<i class="fa fa-refresh fa-spin"></i>
				<button type="button" class="btn btn-primary" ng-click="payOK()" style="margin:20% 20% 0 0">
					<i class="fa fa-close"></i>支付失败
				</button>
				<button type="button" class="btn btn-primary" ng-click="payOK()" style="margin:20% 0 0 0">
					<i class="fa fa-check"></i>支付成功
				</button>
            </div>
          </div>
          <!-- /.box -->
        </div>
	</div>
</section>